<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <head>
        <title>我的推广中心</title>
        <div data-th-replace="layout/head"></div>
    </head>
    <body>
        <!-- top bar -->
        <header class="bar bar-nav bg-gradient__wrap uExtension-bg">
            <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/index}">
                <span class="iconfont icon-fanhui"></span>
            </a>
            <span class="fs4 c-fff button button-link button-nav pull-right rule-description">
                <span class="fs4 c-ccc">规则说明</span>
            </span>
            <h1 class='title c-fff'>推广中心</h1>
        </header>
        <!-- top bar end-->

        <div class="content wm-content of">
            <div class="u-account-head__wrap uExtension-head-bg">
                <div class="card uExtension-head__wrap">
                    <div class="list-block pt5 pb5">
                        <input type="hidden" id="agentId" th:value="${agentUser['id']}"/>
                        <ul>
                            <li class="item-content extend-main">
                                <div class="item-inner extend-inner">
                                    <section id="allIncome" class="text-center pr uExtension-flex-wrap">
                                        <span class="fs4 c-888">总收益(￥)</span><br>
                                        <b class="c-orange" th:text="${agentUser['agentIncome']['incomeSumPrice']}"></b>
                                    </section>
                                </div>
                                <div class="item-inner">
                                    <section class="text-center uExtension-flex-wrap">
                                        <span class="fs4 c-888">客户</span><br>
                                        <b class="c-333" th:text="${agentUser['customerNum']}"></b>
                                    </section>
                                </div>
                                <div class="item-inner">
                                    <section class="text-center uExtension-flex-wrap">
                                        <span class="fs4 c-888">推广订单</span><br>
                                        <b class="c-333" th:text="${agentUser['agentIncome']['orderNum']}"></b>
                                    </section>
                                </div>
                                <div th:if="${agentUser['userType']==1}" class="item-inner">
                                    <section id="child-agentuser" class="text-center uExtension-flex-wrap">
                                        <span class="fs4 c-888">下级推广员</span><br>
                                        <b class="c-orange" th:text="${agentUser['sunNum']}"></b>
                                    </section>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <input type="hidden" id="agent-user-status" th:value="${agentUser['status']}"/>
                    <input type="hidden" id="is-invite" th:value="${agentUser['invite']}"/>
                    <div class="uExtension-head-go-btn__wrap">
                        <a href="javascript:void(0);" id="invite-friend" th:attr="data-status=${agentUser['status']}" class="button button-big button-fill button-warning button-round" th:classappend="${agentUser['invite']}?'':'disabled'">
                            <i class="icon iconfont icon-tianjiahaoyou"></i> 邀请好友成为推广员
                        </a>
                    </div>
                </div>
            </div>

            <div class="page-infinite__wrap page-extension-course-list">
                <div class="page-group">
                    <div id="page-infinite-scroll-bottom" class="page page-current">
                        <div class="content infinite-scroll native-scroll" data-type='native' data-distance="100">
                            <div class="wm-title__wrap card-header">
                                <a href="javascript:void(0);" class="wm-title-txt link">
                                    <em class="iconfont icon-mulu"></em>  推广课程
                                </a>
                            </div>
                            <div class="list-block wm-course-list__wrap no-mt">
                                <ul class="list-container wm-course-list" id="course-list-box">

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-th-replace="layout/footer"></div>
        <script type="text/javascript" th:src="@{{path}/front/mobile/business/agent/user/agent-user-index.js?v={v}(path=${staticPath},v=${v})}"></script>
        <script th:inline="javascript" type="text/javascript">
            var  logourl  = [[${logoMap['url']}]];
            var explain = [[${explain}]];
            sessionStorage.setItem("explain",explain);
        </script>
    </body>
</html>